@import (reference) "common.less";
// less变量 存公共值 实现批量更改 less变量可以用-中横线的
@link-color: #555;
@bg-src    : "../img";



.box {
    .centerPos(200, 200);
    width : 200px;
    height: 200px;

    background: url("@{bg-src}/news_1.png");

    a {
        color: @link-color;
    }

}

.pub {
    @h: 100;

    .bg {
        @h: 200;
        font-weight: 400px;

        .a {
            width: unit(@h, px);
        }



    }

    & a {
        font-weight: 700;
    }

    ;

    &.demo {
        line-height: 30px;
        ;
    }

    // &>.bg {
    //     font-size: 20px;
    // }

}